<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE composition PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
    xmlns:a4j="http://richfaces.org/a4j"
	xmlns:rich="http://richfaces.org/rich"
	xmlns:sigecComp="http://java.sun.com/jsf/composite/components">
    <!-- ui:define name="left">
    	<sigecComp:menu_sigec></sigecComp:menu_sigec>
    </ui:define>
    
    <ui:define name="content"-->
    	<h:outputStylesheet library="css" name="textos.css"/>
    	<h:outputScript library="js" name="validaciones.js" target="head"/>
    	
        <h:form>
        	<rich:panel header="Registro de usuario">
        	
        	<fieldset>
        		<legend>
        			<h:outputLabel value="Usuario" styleClass="titulo"/>
        		</legend>
        		<h:panelGrid columns="2">
        			<h:outputLabel value="Identificador" styleClass="label-bold espacioDetalle" />
        			<h:inputText value="#{inscripcion.estudiante.persona.usuario.identificador}" />
        			
        			<h:outputLabel value="Clave" styleClass="label-bold"/>
        			<h:inputText value="#{inscripcion.estudiante.persona.usuario.clave}" />
        		</h:panelGrid>
        	</fieldset>
        	
        	<fieldset>
        		<legend>
        			<h:outputLabel value="Datos Personales" styleClass="titulo"/>
        		</legend>
	        	<h:panelGrid columns="2">
	        		<h:outputLabel value="Cedula" styleClass="label-bold" style="padding-right:50px"/>
	        		<h:inputText value="#{inscripcion.estudiante.persona.cedula}"
	        			required="true" requiredMessage="El campo #{msg['cedula']} es obligatorio" 
	        			onkeypress="return validateNumPP(event);" maxlength="10"/>
	        		
	        		<h:outputLabel value="Nombres" styleClass="label-bold"/>
	        		<h:panelGrid columns="2">
	        			<h:inputText value="#{inscripcion.estudiante.persona.primerNombre}" />
	        			<h:inputText value="#{inscripcion.estudiante.persona.segundoNombre}" />
	        		</h:panelGrid>
	        		
	        		
	        		<h:outputLabel value="Apellido" styleClass="label-bold"/>
	        		<h:panelGrid columns="2">
	        			<h:inputText value="#{inscripcion.estudiante.persona.primerApellido}" />
	        			<h:inputText value="#{inscripcion.estudiante.persona.segundoApellido}" />
	        		</h:panelGrid>
	        		
	        		<h:outputLabel value="Fecha nacimiento" styleClass="label-bold"/>
	        		<rich:calendar value="#{inscripcion.estudiante.persona.fechaNacimiento}"></rich:calendar>
	        		
	        		<h:outputLabel value="Nacionalidad" styleClass="label-bold"/>
	        		<h:inputText value="#{inscripcion.estudiante.persona.nacionalidad}" />
	        		
	        		<h:outputLabel value="Direccion" styleClass="label-bold"/>
	        		<h:inputText value="#{inscripcion.estudiante.persona.direccion}" />
	        		
	        		<h:outputLabel value="e-mail" styleClass="label-bold"/>
	        		<h:inputText value="#{inscripcion.estudiante.persona.mail}" />
	        		
	        		<h:outputLabel value="Celular" styleClass="label-bold"/>
	        		<h:inputText value="#{inscripcion.estudiante.persona.telefonoCelular}" />
	        		
	        	</h:panelGrid>
        	</fieldset>
        	<a4j:commandButton value="Guardar" actionListener="#{inscripcion.btnGuardarEstudiante}" render="@form"></a4j:commandButton>
        	</rich:panel>
        </h:form>
    <!-- /ui:define-->


</ui:composition>
